<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="../css/personal_center.css">
    <link rel="stylesheet" href="../css/head_daohang.css">
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../js/jquery-3.6.0.min.js"></script>
</head>
<body>
    <!-- 主要布局范围 -->
    <div class="main">
      <!-- 头部导航栏 -->
      <div id="head">
        <div class="layui-col-md2">
          <div class="grid-demo">logo</div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="../head_page/Carefree_first_page.html" class="head-color">首页</a></div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="../vehicle/vehicle_screening.html" class="head-hover word-1">自驾租车</a></div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="../long_time_older/long_time.html" class="head-hover word-1">长租专区</a></div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="../Offline_outlets/Car-search.html" class="head-hover word-1">车型查询</a></div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="../Offline_outlets/Business_outlets.html" class="head-hover word-1">营业网点</a></div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="" class="head-hover word-1">会员专区</a></div>
        </div>
        <div class="layui-col-md3">
          <div class="grid-demo head-demo1">
            <i class="login-icon"></i>
            <a href="../login/login.html"  class=" head-color">登录/注册</a>
          </div>
          <div class="tel">
            <i class="tel-icon"></i>
              <span class="tel-num">110-119-1111</span>
          </div>
        </div>
      </div>
        <!-- 面包屑 -->
        <div class="crumbs">
            <div class="crumbs-bd">当前位置: <a href="personalCenter.html">个人中心</a> > 租赁车型</div>
        </div>
        <!-- 主要内容 -->
        <div class="content">
            <div class="content-bd">
                <!-- 左侧导航栏 -->
                <div class="col-sub">
                    <ul> 
                        <li class="title">订单信息</li>
                        <li class="text"><a href="personalCenter-MyOrler.html">我的订单</a></li>
                        <li class="text"><a href="personalCenter-OtherOrler.html">他人代订</a></li>
                        <li class="title">会员信息</li>
                        <li class="text"><a href="">会员优惠</a></li>
                        <li class="text"><a href="">会员特权</a></li>
                        <li class="text"><a href="">会员积分</a></li>
                        <li class="title">我的钱包</li>
                        <li class="text"><a href="personalCenter-AccountBalance.html">账户余额</a></li>
                        <li class="text"><a href="personalCenter-Voucher.html">我的代金卷</a></li>
                        <li class="text"><a href="personalCenter-DiscountCode.html">我的优惠编码</a></li>
                        <li class="title">租赁记录</li>
                        <li class="after"><a href="personalCenter-LeaseCar.html">租赁车型</a></li>
                        <li class="title">个人资料</li>
                        <li class="text"><a href="personalCenter-UserInformation.html">用户信息</a></li>
                        <li class="text" onclick="return confirm('即将返回登录界面，确定吗？');"><a href="../login/login.html">账户注销</a></li>                    </ul>
                </div>
                <!-- 主要信息栏 -->
                <div class="col-main">
                  <div class="Code-biaoti">常租车型</div>
                  <div class="car">
                    <div class="car-img"><img src="../images/pc-car1.png" alt=""></div>
                    <div class="car-message">
                      <b>宝马320Li</b><br>
                      <label for="">自动 2.0T | 三厢 |5座 | </label>
                      <a href="">车辆详情></a><br>
                      <div class="car-tag">
                        <div class="car-tag-1">时尚</div>
                        <div class="car-tag-1">运动</div>
                        <div class="car-tag-1">操控</div>
                        <div class="car-tag-1">蓝牙连接</div>
                      </div>
                    </div>
                    <div class="time-text">
                      已经订购：<b>3 </b> 次
                      <button class="buy-again">再次订购</button>
                    </div>
                  </div>
                  <div class="car">
                    <div class="car-img"><img src="../images/pc-car2.png" alt=""></div>
                    <div class="car-message">
                      <b>荣威ERX5（混动）</b><br>
                      <label for="">自动 1.5T | SUV |5座 |  </label>
                      <a href="">车辆详情></a><br>
                      <div class="car-tag">
                        <div class="car-tag-1">倒车影像</div>
                        <div class="car-tag-1">新能源不限行</div>
                        <div class="car-tag-1">蓝牙连接</div>
                      </div>
                    </div>
                    <div class="time-text">
                      已经订购：<b>2 </b> 次
                      <button class="buy-again">再次订购</button>
                    </div>
                  </div>
                  <div class="car">
                    <div class="car-img"><img src="../images/pc-car3.png" alt=""></div>
                    <div class="car-message">
                      <b>奥迪A6L</b><br>
                      <label for="">自动 1.8T | 三厢 |5座 | </label>
                      <a href="">车辆详情></a><br>
                      <div class="car-tag">
                        <div class="car-tag-1">豪华</div>
                        <div class="car-tag-1">大气</div>
                        <div class="car-tag-1">舒适</div>
                        <div class="car-tag-1">蓝牙连接</div>
                        <div class="car-tag-1">CarPlay</div>
                        <div class="car-tag-1">倒车影像</div>
                      </div>
                    </div>
                    <div class="time-text">
                      已经订购：<b>5 </b> 次
                      <button class="buy-again">再次订购</button>
                    </div>
                  </div>
                  <div class="car">
                    <div class="car-img"><img src="../images/pc-car4.png" alt=""></div>
                    <div class="car-message">
                      <b>荣威550混动</b><br>
                      <label for="">自动 1.5L | 三厢 |5座 | </label>
                      <a href="">车辆详情></a><br>
                      <div class="car-tag">
                        <div class="car-tag-1">实惠</div>
                        <div class="car-tag-1">新能源</div>
                      </div>
                    </div>
                    <div class="time-text">
                      已经订购：<b>1 </b> 次
                      <button class="buy-again">再次订购</button>
                    </div>
                  </div>
                </div>
            </div>
        </div>
        <!-- 尾部 -->
        <div class="footer">
            <div class="footer-box">
                <div class="footer-left">
                    <p>
                        <span>关于无忧</span> |
                        <span>移动客户端</span> |
                        <span>帮助中心</span> |
                        <span>建议专区</span> |
                        <span>联系我们</span> |
                        <span>友情连接</span> |
                        <span>投诉通道：400-821-1608</span> 
                    </p>
                    <p>
                        <span>Copyright © 2007-2022 苏州无忧信息技术服务有限公司 ICP证：苏B2-20140130|苏ICP备08010394号-1</span>
                    </p>
                </div>
                <div class="footer-right"></div>
            </div>
        </div>
    </div>
    <script src="../js/personalCenter.js"></script>
</body>
</html>